@charset "utf-8";

/* CSS Document */

/*

旭之辉

技术支持：凡高网络

Time : 2019-4-1

Author : jj

*/



/*===================CSS Reset================*/

::selection {color:#fff;background-color: #4687f2;}

::-moz-selection {color:#fff;background-color: #4687f2;}

::-webkit-selection {color:#fff;background-color: #4687f2;}

::-webkit-scrollbar {width: 8px;height: 8px;background-color: #F5F5F5;}

::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}

::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}

* {padding: 0;margin: 0;}

body {font: 14px/1.231 '微软雅黑', 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.1; min-width:1200px; overflow-x:auto; background:#fefefe; }

:focus { outline: 0;}

 input,button,a { outline:0;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}

ins {background-color: #ff9;color: #000;text-decoration: none;}

mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}

input,select {vertical-align: top;}

li,ul {list-style-type: none;}

img {border: none;}

a{text-decoration: none; color:#393939;}

a:link,a:hover,a:active,a:visited {text-decoration: none;}

input,textarea {outline: 0;border: 0;}

textarea {resize: none;}

h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}

ul, li {list-style: none;margin: 0;padding: 0;}

.no_padding{ padding:0;margin-bottom: 0 !important;}

/*自定义样式*/

.fl {float: left;}

.fr {float: right;}

.m{width: 1200px;margin: 0 auto; display: block;  }

.img{ overflow:hidden;}

.img img{ width:100%; height:100%;}

h5{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2;}

h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.txt p{ color:#777;}

.clear{ clear:both;}

a{ cursor:pointer;}

/*===============================================header================================================*/

/*=================导航=================*/

#header{ position: relative; z-index:999; width:100%; height:117px;}

#header .logo{ margin-top:30px;}

#header .tel{ float:right; margin-top:51px; font-size:16px; color:#000; padding-left:28px; background:url(../images/tel.png) left bottom no-repeat;}

#header .tel span{ font-size:24px; color:#d50602;}

.nav_box{ height:55px; width:100%; background:#bf0021; position:relative; z-index:9;  }

#nav{}

#nav>li{float:left; text-align:center;line-height:55px;position:relative; width:171px;}

#nav>li>a{color:#fff; font-size:15px; text-transform:uppercase; position:relative; display:block; height:55px; overflow:hidden; }

#nav>li:after{ content:""; position: absolute; display:block; width:59px; height:2px; left:50%; margin-left:-29.5px; background:#fff; bottom:0; transition:.5s; -webkit-transition:.5s; transform:scale(0); opacity:0; }

#nav>li:hover:after{transform:scale(1); opacity:1;}

#nav>li.on:after{transform:scale(1); opacity:1;}

#nav>li .sub{ position:absolute;  width:100%; padding-top:0; opacity:0;transition: .3s; -webkit-transition: .3s; visibility:hidden;}

#nav>li .sub a{ color:#fff !important; display:block; position:relative; height:45px; line-height:45px; text-align:left; text-align:center; transition: .3s; -webkit-transition: .3s; padding:0 20px;background:#bf0021; background:rgba(191,0,33,.8);}

#nav>li .sub a:after{ content:""; display:block; width:131px; height:1px; background:rgba(255,255,255,.3); position:absolute; bottom:0px; left:50%; margin-left:-65.5px;}

#nav>li .sub a:hover{ color:#fff !important; background:#bf0021;}

#nav>li .sub a:hover:after{ background:rgba(255,255,255,0);}

#nav>li:hover .sub{ padding-top:0px; opacity:1; visibility:visible;}

/*动画end*/

             

		

#footer{ background:#28292b; box-sizing:border-box; padding-top:60px; position:relative; z-index:0;}

#footer .foot_nav{ margin-left:-16px; width:638px; margin-bottom:28px; }

#footer .foot_nav ul li{ display:inline-block; padding:0 16px;  position:relative;}

#footer .foot_nav ul li:before{ content:""; width:1px; height:11px; background:#4a4a4a; display:block; position:absolute; left:0; top:4px;}

#footer .foot_nav ul li:first-child:before{ background:none;}

#footer .foot_nav ul li a{ font-size:13px; color:#fff; position:relative;transition:.2s; -webkit-transition:.2s; }

#footer .foot_nav ul li a:hover{ color:#bf0021;}

#footer .foot_logo{ width:340px; padding-right:28px; margin-top:28px;}

#footer .foot_logo .txt{ font-size:12px; color:#989a9e; line-height:18px; padding-top:20px; border-top:1px solid #393a3b; margin-top:26px;text-align:justify;}

#footer .foot_logo .txt p{ font-size:12px; color:#989a9e; line-height:18px; height:auto; overflow:hidden;text-align:justify;}

#footer .gz{ width:675px;  border-left:1px solid #424242; border-right:1px solid #424242; padding-left:33px; padding-right:20px; margin-top:30px;}

#footer .gz .txt{ width:352px; border-top:1px solid #393a3b; padding-top:34px; float:left; text-align:justify;}

#footer .gz .txt p{ font-size:13px; color:#bfbfbf; line-height:22px; text-align:justify; }

#footer .zx { float:right; margin-top:50px;}

#footer .zx .btn{ display:block; width:126px; height:44px; background:#bf0021; text-align:center; line-height:44px; color:#fff; margin-bottom:25px; position:relative; float:right; margin-top:9px; transition: ease .3s;

-webkit-transition: ease .3s;}

#footer .zx .btn:hover{ background:#e1042b;}

#footer .zx .btn img{ margin-right:9px; position:relative; top:2px;}

#footer .zx p{ font-size:14px; color:#fff; line-height:1; clear:both; text-align:right;}

#footer .zx h5{ font-size:24px; color: #fff; font-family:arial; margin-top:11px; text-align:right;}



.footer *{ font-size:13px; color:#636363; }

#footer .ewm{ width:230px; margin-top:10px;}

#footer .ewm div{ width:99px; float:left; margin-right:15px;}

#footer .ewm img{width:99px; height:99px;}

#footer .ewm p{ text-align: center;font-size:12px; color:#969797; line-height:22px;}

.foot_bot{ background:#1a1b1c; padding:20px 0; margin-top:35px;}

.foot_bot .bq{ text-align:center; line-height:25px;}

.foot_bot p{ display:inline-block; font-size:12px; color:#555656;}

.foot_bot p a{ font-size:12px; color:#555656;}

.foot_bot p a:hover{ color:#eee;}





/* 点击搜索框获取焦点 placeholder消失-开始 */



.foot input::-webkit-input-placeholder{

            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

        }

.foot input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

        }

.foot input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

        }

.foot input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

        }

.foot textarea::-webkit-input-placeholder {

  /* WebKit browsers */

  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

}

.foot textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

}

.foot textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

}

.foot textarea::-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: rgba(255,255,255,0.7); font-size:14px; font-family:"Microsoft Yahei";

 

}

/* WebKit browsers */

input:focus::-webkit-input-placeholder {

color: transparent;

/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */

}

/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder {

color: transparent;

}

/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder {

color: transparent;

}

/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder {

color: transparent;

}

/* 点击搜索框获取焦点 placeholder消失-结束 */







textarea:focus::-webkit-input-placeholder {

color: transparent; 

}

textarea:focus:-moz-placeholder {

color: transparent;

}

textarea:focus::-moz-placeholder {

color: transparent;

}

textarea:focus:-ms-input-placeholder {

color: transparent;

}





.theDot {

    position: fixed;

    left: 0;

    top: 0;

    width: .5rem;

    height: .5rem;

    background-color: #c9463a;

    border-radius: 100%;

    z-index: 10001;

    pointer-events: none;

    transition: width .2s,height .2s;

}

.theDot:after, .theDot:before {

    content: "";

    display: block;

    position: absolute;

    width: 80%;

    height: 80%;

    left: 10%;

    top: 10%;

    border-radius: 100%;

    border: .3rem solid rgba(201,70,58,.7);

    z-index: -1;

    box-sizing: border-box;

    -webkit-animation: none;

    animation: none;

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0;

}

.theDot:after {

    -webkit-animation-delay: .75s;

    animation-delay: .75s;

}





.__cursor_cross:hover:after,.__cursor_cross:hover:before{visibility:hidden!important;opacity:0!important}

.theDot{position:fixed;left:0;top:0;width:.5rem;height:.5rem;background-color:#c9463a;border-radius:100%;z-index:10001;pointer-events:none;transition:width .2s,height .2s}

.theDot:after,.theDot:before{content:"";display:block;position:absolute;width:80%;height:80%;left:10%;top:10%;border-radius:100%;border:.3rem solid rgba(201,70,58,.7);z-index:-1;box-sizing:border-box;-webkit-animation:none;animation:none;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(1);transform:scale(1);opacity:0}

.theDot:after{-webkit-animation-delay:.75s;animation-delay:.75s}

.theDot_active{width:.75rem;height:.75rem}

.theDot_active:after,.theDot_active:before{-webkit-animation:b 1.5s infinite;animation:b 1.5s infinite}

.theDot_disabled{visibility:hidden;opacity:0}

@-webkit-keyframes b{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(5);transform:scale(5);opacity:0}}

@keyframes b{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(5);transform:scale(5);opacity:0}}